<template>
	<view class="page">
	<!-- 	<view class="top">
			<uni-nav-bar @clickLeft="goBack"  title="项目进度监控" background-color="transparent" color="#333"  :border="false" :statusBar="true" left-icon="left"></uni-nav-bar>
		</view> -->
		<view style="width: 100%;height: 20rpx;"></view>
		<view class="item">
			<view class="item-top">信息技术及人工智能国家标准制定技术服务采购结果公告</view>
			<view class="item-content">
				<view class="item-state">商业服务</view>
				<view class="item-state1">资质</view>
			</view>
			<view class="item-heng">
				<view class="heng"></view>
			</view>
			<view class="item-bottom">
				<view class="item-bottom-yuan">
					<image src="../../static/img/z5421@2x.png" mode=""></image>
					<view class="yuan">1万元</view>
				</view>
				<view class="item-bottom-city">
					<image src="../../static/img/lj4960@2x.png" mode=""></image>
					<view class="city">北京</view>
				</view>
				<view class="item-bottom-time">
					<image src="../../static/img/z6877@2x.png" mode=""></image>
					<view class="time">2024-04-01</view>
				</view>
			</view>
			<!-- <view class="heng"></view> -->
		</view>
		<view class="item">
			<view class="item-top">信息技术及人工智能国家标准制定技术服务采购结果公告</view>
			<view class="item-content">
				<view class="item-state">商业服务</view>
				<view class="item-state1">资质</view>
			</view>
			<view class="item-heng">
				<view class="heng"></view>
			</view>
			<view class="item-bottom">
				<view class="item-bottom-yuan">
					<image src="../../static/img/z5421@2x.png" mode=""></image>
					<view class="yuan">1000.689万元</view>
				</view>
				<view class="item-bottom-city">
					<image src="../../static/img/lj4960@2x.png" mode=""></image>
					<view class="city">北京</view>
				</view>
				<view class="item-bottom-time">
					<image src="../../static/img/z6877@2x.png" mode=""></image>
					<view class="time">2024-04-01</view>
				</view>
			</view>
			<!-- <view class="heng"></view> -->
		</view>
		<view class="item">
			<view class="item-top">信息技术及人工智能国家标准制定技术服务采购结果公告</view>
			<view class="item-content">
				<view class="item-state">商业服务</view>
				<view class="item-state1">资质</view>
			</view>
			<view class="item-heng">
				<view class="heng"></view>
			</view>
			<view class="item-bottom">
				<view class="item-bottom-yuan">
					<image src="../../static/img/z5421@2x.png" mode=""></image>
					<view class="yuan">1万元</view>
				</view>
				<view class="item-bottom-city">
					<image src="../../static/img/lj4960@2x.png" mode=""></image>
					<view class="city">北京</view>
				</view>
				<view class="item-bottom-time">
					<image src="../../static/img/z6877@2x.png" mode=""></image>
					<view class="time">2024-04-01</view>
				</view>
			</view>
			<!-- <view class="heng"></view> -->
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				currentTab: 0,
				tabList: [{
						name: '全部',
					},
					{
						name: '默认分组',
					},
					{
						name: '竞争对手',
					},
					{
						name: '合作伙伴',
					},
				]
			}
		},
		methods: {
			goBack(){
				uni.navigateBack()
			},
		}
	}
</script>

<style scoped lang="scss">
	
.page{
	min-height: 100vh;
	background: #F0F2F5;

	.top{
		width: 750rpx;
		height: 88rpx;
		background: #FFFFFF;
		position: sticky;
		top: 0;
		z-index: 999999;
	}
	.item{
		width: 750rpx;
	    // height: 276rpx;
		background: #FFFFFF;
		border-radius: 0rpx;
		
		margin-bottom: 20rpx;
		// box-sizing: border-box;
		
	}
	.item-top{
		width: 750rpx;
		// height: 196rpx;
		background: #FFFFFF;
		border-radius: 0rpx;
		padding:30rpx  30rpx 0 30rpx;
		overflow: hidden;
		   white-space: nowrap;
		    text-overflow: ellipsis;
	}
	.item-content{
		display: flex;
		 padding:20rpx  30rpx 0 30rpx;
	}
	.item-state{
		width: 128rpx;
		height: 44rpx;
		background: #F6F6F6;
		border-radius: 8rpx;
		font-family: PingFang SC;
		font-weight: 400;
		font-size: 24rpx;
		color: #304156;
		line-height: 44rpx;
		text-align: center;
		// padding:30rpx  30rpx 0 30rpx;
	}
	.item-state1{
		width: 80rpx;
		height: 44rpx;
		background: #FFE8BF;
		border-radius: 8rpx;
		font-family: PingFang SC;
		font-weight: 400;
		font-size: 24rpx;
		color: #FE8D02;
		line-height: 44rpx;
		text-align: center;
		margin-left: 20rpx;
		margin-bottom: 20rpx;
	}
	.item-heng{
		width: 750rpx;
		padding: 0 30rpx;
		.heng{
			// width: 690rpx;
			height: 1rpx;
			background: #DDDDDD;
			border-radius: 0rpx;
			padding: 0 30rpx;
		}
	}
	.item-bottom{
		display: flex;
		justify-content: space-between;
		padding: 24rpx 30rpx;
		.item-bottom-yuan{
			display: flex;
			image{
				width: 28rpx;
				height:28rpx ;
				margin-right: 8rpx;
			}
			.yuan{
				width: 180rpx;
				height: 28rpx;
				font-family: Source Han Sans CN;
				font-weight: 400;
				font-size: 28rpx;
				color: #FE8D03;
				line-height: 28rpx;
			}
		}
		.item-bottom-city{
			display: flex;
			image{
				width: 28rpx;
				height:28rpx ;
				margin-right: 8rpx;
			}
			.city{
				width: 56rpx;
				height: 28rpx;
				font-family: Source Han Sans CN;
				font-weight: 400;
				font-size: 28rpx;
				color: #555555;
				line-height: 28rpx;
			}
		}
		.item-bottom-time{
			display: flex;
			image{
				width: 28rpx;
				height:28rpx ;
				margin-right: 8rpx;
			}
			.time{
				width: 160rpx;
				height: 28rpx;
				font-family: Source Han Sans CN;
				font-weight: 400;
				font-size: 28rpx;
				color: #555555;
				line-height: 28rpx;
			}
		}
	}

	
}
</style>
